<!-- 单行元素 -->
<template>
  <div class="item">
    <div :style="{width:lableWidth||'120px','text-align':alignment||'left'}">{{lable}}</div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  props:['lable','lableWidth','alignment'],
  name:'zItem',
  components: {},
  data() {
    return {
      
    };
  },
  methods: {
    
  }
}
</script>
<style scoped>
.item{
  display: flex;
  align-items: center;
}
.item>div{
  margin-right: 10px;
}
</style>